<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/jinritoutiao.css" />
	</head>
	<body>
		<header style="position: relative;">
			<p style="text-align: center;line-height: 3rem;font-size: 1.4rem;color: white;">今日头条</p>
		</header>
		<div class="nav">
			<ul>
				<li><a href="index.html">推荐</a></li>
				<li><a href="section2.html">视频</a></li>
				<li><a href="section3.html">热点</a></li>
				<li><a href="section4.html">社会</a></li>
				<li><a href="section5.html">娱乐</a></li>
				
			</ul>
		</div>
		<section>
			<div class="section-1">
			<ul>
				<li><span style="font-size: 1.2rem;">又一中央委员被查不 辨大是大非步前任后尘</span>
					<br /><button style="color: red;background: white;border: 1px solid red;margin-top: 0.6rem;border-radius:10% ;">热</button><span style="color: #999999;margin-left: 0.4rem;font-size: 0.7rem;">长安街知事 评论 177</span>
				</li>
				<li><img src="img/2c650016663d6f78198f.jpg" height="95px" width="130px" /></li>
			</ul>
		</div>
		
		<div class="section-2">
			<p style="font-size: 1.2rem;">稻田彭美刚走，又拉来个娘子军金戈：否认侵华历史以及南京大屠杀</p>
			<ul>
				<li><img src="img/31ca00004d9590c90f68.jpg" height="95px" width="122px"</li>
				<li><img src="img/2fea00005e3ed6b43f6f.jpg" height="95px" width="122px"</li>
				<li><img src="img/2c6b00156b84517724ca.jpg" height="95px" width="122px"</li>
		</ul>
			<button style="color: red;background: white;border: 1px solid red;margin-top: 0.2rem;border-radius:10% ;">热</button><span style="color: #999999;margin-left: 0.4rem;font-size: 0.7rem;">观察者网 评论 14495 10分钟前</span>
		</div>
		
		<div class="section-1">
			<ul>
				<li><span style="font-size: 1.2rem;">又一中央委员被查不 辨大是大非步前任后尘</span>
					<br /><button style="color: red;background: white;border: 1px solid red;margin-top: 0.6rem;border-radius:10% ;">热</button><span style="color: #999999;margin-left: 0.4rem;font-size: 0.7rem;">长安街知事 评论 177</span>
				</li>
				<li><img src="img/2c650016663d6f78198f.jpg" height="95px" width="130px" /></li>
			</ul>
		</div>
		
		<div class="section-2">
			<p style="font-size: 1.2rem;">稻田彭美刚走，又拉来个娘子军金戈：否认侵华历史以及南京大屠杀</p>
			<ul>
				<li><img src="img/31ca00004d9590c90f68.jpg" height="95px" width="122px"</li>
				<li><img src="img/2fea00005e3ed6b43f6f.jpg" height="95px" width="122px"</li>
				<li><img src="img/2c6b00156b84517724ca.jpg" height="95px" width="122px"</li>
		</ul>
			<button style="color: red;background: white;border: 1px solid red;margin-top: 0.2rem;border-radius:10% ;">热</button><span style="color: #999999;margin-left: 0.4rem;font-size: 0.7rem;">观察者网 评论 14495 10分钟前</span>
		</div>
		</section>
		<footer style="height: 3rem;width: 100%;background: #EEEEEE;position: absolute;">
			<ul>
				<li><a href="index.html">1</a></li>
				<li><a href="section2.html">2</a></li>
				<li><a href="section3.html">3</a></li>
				<li><a href="section4.html">4</a></li>
				<li><a href="section5.html">5</a></li>
			</ul>
		</footer>
	</body>
</html>
